<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic -->
    	<meta charset="UTF-8" />

		<title>Dashboard | Nadhif - Responsive Admin Template</title>

		<!-- Mobile Metas -->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- Import google fonts -->
        <link href="#css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css" />

		<!-- Favicon and touch icons -->
		<link rel="shortcut icon" th:href="@{/assets/ico/favicon.ico}" type="image/x-icon" />
		<link rel="apple-touch-icon" th:href="@{/assets/ico/apple-touch-icon.png}" />
		<link rel="apple-touch-icon" sizes="57x57" th:href="@{/assets/ico/apple-touch-icon-57x57.png}" />
		<link rel="apple-touch-icon" sizes="72x72" th:href="@{/assets/ico/apple-touch-icon-72x72.png}" />
		<link rel="apple-touch-icon" sizes="76x76" th:href="@{/assets/ico/apple-touch-icon-76x76.png}" />
		<link rel="apple-touch-icon" sizes="114x114" th:href="@{/assets/ico/apple-touch-icon-114x114.png}" />
		<link rel="apple-touch-icon" sizes="120x120" th:href="@{/assets/ico/apple-touch-icon-120x120.png}" />
		<link rel="apple-touch-icon" sizes="144x144" th:href="@{/assets/ico/apple-touch-icon-144x144.png}" />
		<link rel="apple-touch-icon" sizes="152x152" th:href="@{/assets/ico/apple-touch-icon-152x152.png}" />

	    <!-- start: CSS file-->

		<!-- Vendor CSS-->
		<link th:href="@{/assets/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
		<link th:href="@{/assets/vendor/skycons/css/skycons.css}" rel="stylesheet" />
		<link th:href="@{/assets/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
@{
		<!-- Plugins CS@{S-->
		<link th:href="@{/assets/plugins/bootkit/css/bootkit.css}" rel="stylesheet" />
		<link th:href="@{/assets/plugins/scrollbar/css/mCustomScrollbar.css}" rel="stylesheet" />
		<link th:href="@{/assets/plugins/fullcalendar/css/fullcalendar.css}" rel="stylesheet" />
		<link th:href="@{/assets/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css}" rel="stylesheet" />
		<link th:href="@{/assets/plugins/xcharts/css/xcharts.min.css}" rel="stylesheet" />
		<link th:href="@{/assets/plugins/morris/css/morris.css}" rel="stylesheet" />
@{
		<!-- Theme CSS -->
		<link th:href="@{/assets/css/jquery.mmenu.css}" rel="stylesheet" />
@{
		<!-- Page CSS -->
		<link th:href="@{/assets/css/style.css}" rel="stylesheet" />
		<link th:href="@{/assets/css/add-ons.min.css}" rel="stylesheet" />

		<!-- end: CSS file-->


		<!-- Head Libs -->
		<script src="assets/main/plugins/modernizr/js/modernizr.js"></script>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

	<body>

		<!-- Start: Header -->
		<div class="navbar" role="navigation">
			<div class="container-fluid container-nav">
				<!-- Navbar Action -->
				<ul class="nav navbar-nav navbar-actions navbar-left">
					<li class="visible-md visible-lg"><a href="main.html#" id="main-menu-toggle"><i class="fa fa-th-large"></i></a></li>
					<li class="visible-xs visible-sm"><a href="main.html#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>
				</ul>
				<!-- Navbar Left -->
				<div class="navbar-left">
					<!-- Search Form -->
					<form class="search navbar-form">
						<div class="input-group input-search">
							<input type="text" class="form-control" name="q" id="q" placeholder="Search...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
							</span>
						</div>
					</form>
				</div>
				<!-- Navbar Right -->
				<div class="navbar-right">
					<!-- Notifications -->
					<ul class="notifications hidden-sm hidden-xs">
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-tasks"></i>
								<span class="badge">10</span>
							</a>
							<ul class="dropdown-menu update-menu" role="menu">
								<li><a href="#"><i class="fa fa-database bk-fg-primary"></i> Database </a></li>
								<li><a href="#"><i class="fa fa-bar-chart-o bk-fg-primary"></i> Connection </a></li>
								<li><a href="#"><i class="fa fa-bell bk-fg-primary"></i> Notification </a></li>
								<li><a href="#"><i class="fa fa-envelope bk-fg-primary"></i> Message </a></li>
								<li><a href="#"><i class="fa fa-flash bk-fg-primary"></i> Traffic </a></li>
								<li><a href="#"><i class="fa fa-credit-card bk-fg-primary"></i> Invoices </a></li>
								<li><a href="#"><i class="fa fa-dollar bk-fg-primary"></i> Finances </a></li>
								<li><a href="#"><i class="fa fa-thumbs-o-up bk-fg-primary"></i> Orders </a></li>
								<li><a href="#"><i class="fa fa-folder bk-fg-primary"></i> Directories </a></li>
								<li><a href="#"><i class="fa fa-users bk-fg-primary"></i> Users </a></li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-envelope"></i>
								<span class="badge">5</span>
							</a>
							<ul class="dropdown-menu">
								<li class="dropdown-menu-header">
									<strong>Messages</strong>
									<div class="progress progress-xs  progress-striped active">
										<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
											60%
										</div>
									</div>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar1.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>1 minute ago</small></span>
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar2.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>3 minute ago</small></span>
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar3.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>4 minute ago</small></span>
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar4.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>30 minute ago</small></span>
									</a>
								</li>
								<li class="avatar">
									<a href="page-inbox.html">
										<img class="avatar" src="assets/img/avatar5.jpg" alt="" />
										<div><div class="point point-primary point-lg"></div>New message</div>
										<span><small>1 hours ago</small></span>
									</a>
								</li>
								<li class="dropdown-menu-footer text-center">
									<a href="page-inbox.html">View all messages</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
								<i class="fa fa-bell"></i>
								<span class="badge">3</span>
							</a>
							<ul class="dropdown-menu list-group">
								<li class="dropdown-menu-header">
									<strong>Notifications</strong>
									<div class="progress progress-xs  progress-striped active">
										<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
											60%
										</div>
									</div>
								</li>
								<li class="list-item">
									<a href="page-inbox.html">
										<div class="pull-left">
										   <i class="fa fa-envelope-o bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>Unread Message</div>
											<h6>You have 10 unread message</h6>
										</div>
									</a>
								</li>
								<li class="list-item">
									<a href="#">
										<div class="pull-left">
										   <i class="fa fa-cogs bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>New Settings</div>
											<h6>There are new settings available</h6>
										</div>
									</a>
								</li>
								<li class="list-item">
									<a href="#">
										<div class="pull-left">
										   <i class="fa fa-fire bk-fg-primary"></i>
										</div>
										<div class="media-body clearfix">
											<div>Update</div>
											<h6>There are new updates available</h6>
										</div>
									</a>
								</li>
								<li class="list-item-last">
									<a href="#">
									  <h6>Unread notifications</h6>
									  <span class="badge">15</span>
								   </a>
								</li>
							</ul>
						</li>
					</ul>
					<!-- End Notifications -->
					<!-- Userbox -->
					<div class="userbox">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<div class="profile-info">
								<span class="name">John Smith Doe</span>
								<span class="role">Developer</span>
							</div>
							<i class="fa custom-caret"></i>
						</a>
						<div class="dropdown-menu">
							<ul class="list-unstyled">
								<li class="dropdown-menu-header bk-bg-white bk-margin-top-15">
									<div class="progress progress-xs  progress-striped active">
										<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
											60%
										</div>
									</div>
								</li>
								<li>
									<a href="page-profile.html"><i class="fa fa-user"></i> Profile</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-wrench"></i> Settings</a>
								</li>
								<li>
									<a href="page-invoice"><i class="fa fa-usd"></i> Payments</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-file"></i> File</a>
								</li>
								<li>
									<a href="page-login.html"><i class="fa fa-power-off"></i> Logout</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- End Userbox -->
				</div>
				<!-- End Navbar Right -->
			</div>
		</div>
		<!-- End: Header -->
		<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
		<!-- Start: Content -->
		<div class="container-fluid content">
			<div class="row">

				<!-- Sidebar -->
				<div class="sidebar">
					<div class="sidebar-collapse">
						<!-- Sidebar Header Logo-->
						<div class="sidebar-header">
							<img src="assets/main/img/logo.png" class="img-responsive" alt="" />
						</div>
						<!-- Sidebar Menu-->
						<div class="sidebar-menu">
							<nav id="menu" class="nav-main" role="navigation">
								<ul class="nav nav-sidebar">
									<div class="panel-body text-center">
										<div class="bk-avatar">
											<img src="assets/main/img/avatar.jpg" class="img-circle bk-img-60" alt="" />
										</div>
										<div class="bk-padding-top-10">
											<i class="fa fa-circle text-success"></i> <small>Administrator</small>
										</div>
									</div>
									<div class="divider2"></div>
									<li class="active">
										<a href="main.html">
											<i class="fa fa-laptop" aria-hidden="true"></i><span>首页</span>
										</a>
									</li>
									<li>
										<a th:href="@{/sceniclist.html}">
											<span class="pull-right label label-primary">165</span>
											<i class="fa fa-envelope" aria-hidden="true"></i><span>所有景点展示</span>
										</a>
									</li>
									<li>
										<a th:href="@{/tourslist.html}">
											<i class="fa fa-table" aria-hidden="true"></i><span>所有旅游项目展示</span>
										</a>
									</li>
									<li>
										<a th:href="@{/myself.html}">
											<i class="fa fa-table" aria-hidden="true"></i><span>个人信息</span>
										</a>
									</li>
								</ul>
							</nav>
						</div>
						<!-- End Sidebar Menu-->
					</div>
					<!-- Sidebar Footer-->
					<div class="sidebar-footer">
						<ul class="sidebar-terms">
							<li><a href="main.html#">Terms</a></li>
							<li><a href="main.html#">Privacy</a></li>
							<li><a href="main.html#">Help</a></li>
							<li><a href="main.html#">About</a></li>
						</ul>
						<div class="copyright text-center">
							<small>Nadhif <i class="fa fa-coffee"></i> Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> - More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></small>
						</div>
					</div>
					<!-- End Sidebar Footer-->
				</div>
				<!-- End Sidebar -->

				<!-- Main Page -->
				<div class="main ">
					<!-- Page Header -->
					<div class="page-header">
						<div class="pull-left">
							<ol class="breadcrumb visible-sm visible-md visible-lg">
								<li><a href="main.html"><i class="icon fa fa-home"></i>Home</a></li>
								<li class="active"><i class="fa fa-laptop"></i>Dashboard</li>
							</ol>
						</div>
						<div class="pull-right">
							<h2>Dashboard</h2>
						</div>
					</div>
					<!-- End Page Header -->


<!--					需要保留的！！！！！！！！！！！！！！！！！！！！！！！！！！-->
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="panel bk-widget bk-webkit-fix">
								<div class="panel-heading bk-bg-primary bk-border-info">
									<div class="row">
										<div class="col-xs-8 text-left bk-vcenter">
											<h6 class="bk-margin-off">GOOGLE MAP</h6>
										</div>
									</div>
								</div>
								<div class="panel-body bk-bg-white bk-border-white text-center bk-padding-off">
									<div id="gmap-marker" class="bk-radius-top" style="height: 237px"></div>
								</div>
								<div class="panel-body bk-bg-white bk-border-white bk-padding-off-top bk-padding-off-bottom">
									<div class="row">
										<div class="col-xs-8 bk-vcenter bk-padding-20">
											<h6 class="bk-margin-off bk-docs-font-weight-300">Menara Cakrawala, 89th Floor, JL. M.H. Thamrin, No. 9, 10360, Jakarta</h6>
											<h4 class="bk-fg-info bk-padding-top-10 bk-margin-off bk-docs-font-weight-300">NADHIF DEVELOPER</h4>
										</div>
										<div class="col-xs-4 text-right bk-vcenter bk-padding-20 bk-fg-danger">
											<i class="fa fa-map-marker fa-3x"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!-- End Main Page -->

				<!-- Usage -->
				<!-- End Usage -->

			</div>
		</div><!--/container-->


		<!-- Modal Dialog -->
		<div class="modal fade" id="myModal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title bk-fg-primary">Modal title</h4>
					</div>
					<div class="modal-body">
						<p class="bk-fg-danger">Here settings can be configured...</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div><!-- End Modal Dialog -->

		<div class="clearfix"></div>


		<!-- start: JavaScript-->

		<!-- Vendor JS-->
		<script src="assets/main/vendor/js/jquery.min.js"></script>
		<script src="assets/main/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="assets/main/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="assets/main/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/main/vendor/skycons/js/skycons.js"></script>

		<!-- Plugins JS-->
		<script src="assets/main/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
		<script src="assets/main/plugins/scrollbar/js/jquery.mCustomScrollbar.concat.min.js"></script>
		<script src="assets/main/plugins/bootkit/js/bootkit.js"></script>
		<script src="assets/main/plugins/moment/js/moment.min.js"></script>
		<script src="assets/main/plugins/fullcalendar/js/fullcalendar.min.js"></script>
		<script src="assets/main/plugins/touchpunch/js/jquery.ui.touch-punch.min.js"></script>
		<script src="assets/main/plugins/flot/js/jquery.flot.min.js"></script>
		<script src="assets/main/plugins/flot/js/jquery.flot.pie.min.js"></script>
		<script src="assets/main/plugins/flot/js/jquery.flot.resize.min.js"></script>
		<script src="assets/main/plugins/flot/js/jquery.flot.stack.min.js"></script>
		<script src="assets/main/plugins/flot/js/jquery.flot.time.min.js"></script>
		<script src="assets/main/plugins/xcharts/js/xcharts.min.js"></script>
		<script src="assets/main/plugins/autosize/jquery.autosize.min.js"></script>
		<script src="assets/main/plugins/placeholder/js/jquery.placeholder.min.js"></script>
		<script src="assets/main/plugins/datatables/js/dataTables.bootstrap.min.js"></script>
		<script src="assets/main/plugins/datatables/js/jquery.dataTables.min.js"></script>
		<script src="assets/main/plugins/raphael/js/raphael.min.js"></script>
		<script src="assets/main/plugins/morris/js/morris.min.js"></script>
		<script src="assets/main/plugins/gauge/js/gauge.min.js"></script>
		<script src="assets/main/plugins/d3/js/d3.min.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

		<!-- Theme JS -->
		<script src="assets/main/js/jquery.mmenu.min.js"></script>
		<script src="assets/main/js/core.min.js"></script>

		<!-- Pages JS -->
		<script src="assets/main/js/pages/index.js"></script>

		<!-- end: JavaScript-->

	</body>

</html>